<box Padding="20" Width="$canvas.Width" Height="$canvas.Height" Direction="row">
    <splitValue Width="100%" Height="$splitFontHeight"></splitValue>
    <main Width="100%" Flex="1" Direction="row">
        <dataRect for="$data" Width="100%" Hieght="$main.Height/$dataShowCount" Direction="col">
            <nameBox Width="$nameWidth" Height="100%" PaddingRight="$namePadding"></nameBox>
            <iconBox Width="$iconWidth" Height="100%" PaddingRight="$iconPadding"></iconBox>
            <rectBox Flex="1" Width="$value/$max" PaddingLeft="$rectPadding"></rectBox>
            <valueBox Width="$valueWidth" Height="100%" PaddingLeft="$valuePadding"></valueBox>
        </dataRect>
        <floatBox Position="absolute" Right="0" Bottom="0" Direction="row">
            <dateBox Width="$dateSzie" Height="$dateSzie"></dateBox>
            <topIcon Width="$topIconSzie" Height="$topIconSzie"></topIcon>
        </floatBox>
    </main>
    <fpsBox Position="absolute" Left="0" Top="0"></fpsBox>
</box>